<template>
  <Layout>
      <div>
      <h1>
          {{$page.post.title}}
      </h1>
      <div>
          {{$page.post.content}}
      </div>
  </div>
  </Layout>
</template>
<!-- query($id:ID!)  指定查询的类型，!号表示不能为空 -->
<page-query>
query($id:ID!) {
  post (id:$id){
    id
    title
    content
  }
}
</page-query>
<script>
export default {
name:'PostPage',
metaInfo(){
    return {
        title:this.$page.post.title
    }
}
}
</script>

<style>

</style>